<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Window、Document区别</title>
</head>
<!--

1. window 对象
window 对象代表整个浏览器窗口，是 JavaScript 全局作用域的根对象。所有全局变量和全局函数都自动成为 window 对象的属性和方法。
常用属性和方法
-	window.location：包含当前页面的 URL 信息，允许重定向、刷新页面等。
-	window.history：可以访问浏览器的历史记录，使用 history.back() 和 history.forward() 在历史记录中前进或后退。
-	window.navigator：提供浏览器和用户设备的信息，如操作系统、浏览器类型。
-	window.alert()：显示一个带消息的弹出框。
-	window.setTimeout() 和 window.setInterval()：设置定时器，setTimeout 延迟执行一次，setInterval 定时重复执行。
-	window.open()：用于在新窗口或新标签页中打开一个指定的 URL。

2. document 对象
document 对象是 window 的一个属性，表示 HTML 文档的内容。它主要用于访问和操作页面的 DOM（文档对象模型）结构，控制页面上的元素。

常用属性和方法
-	document.getElementById()：通过 id 获取元素。
-	document.querySelector() 和 document.querySelectorAll()：使用 CSS 选择器获取元素。
-	document.title：获取或设置文档标题。
-	document.body：访问文档的 <body> 元素。
-	document.createElement()：创建新的 HTML 元素。
-	document.cookie：获取或设置页面的 cookie。

3. window 与 document 的关系
-	包含关系：document 是 window 对象的一个属性，可以通过 window.document 访问，因此 window.document 和 document 是等价的。
-	作用范围不同：window 对象是浏览器的全局对象，控制浏览器窗口；document 对象则是当前页面的 DOM，控制 HTML 文档的内容和结构。
-	全局属性共享：通过 window 声明的全局变量和方法在 document 中也能访问，反之亦然。
-->
<body>

</body>
</html>